
/*
  Header style
*/
div#header {border-bottom: dotted silver 1px; width:auto; float:left;}
div#header_shopciety { font-size:130%; font-weight:bolder; float:left;  }
div#header_shopciety a:link, div#header_shopciety a:visited {text-decoration:none;color:grey;}
div#header_slogan { font-size:80%; float:left; vertical-align:bottom; margin:auto 0 0 0;}
div#header_slogan a:link, div#header_slogan a:visited {text-decoration:none;color:silver;}

div#header_helper {float:right; text-align:right;}

/* 
  Flash Style
*/

div.flash {
  clear: both;
  border: green solid 5px;
  width: 300px;
  margin: 10px auto;
  text-align: center;
}

/* 
  Top Menu Style
*/
ul#topmenu { 
  margin:0px; 
  padding:0px; 
  margin-bottom:1em; 
  border-bottom: solid black 1px; 
  width:100%; 
  float:left;
}

li.topmenu_item {
  margin:0px; 
  margin-right:1em; 
  list-style:none; 
  display:inline; 
  float:left;
}

/* 
  Content Style
*/

div#content {
  width: 100%;
  float: left; /* make float left to contain any float inside it */
  margin-bottom: 1em;
}

/* 
  Left Menu Style
*/

div.left-menu {
  width: auto;
  float: left;
  padding : 1em;
  border: solid red 2px;
}

div.left-menu div a {
  display: block; /* to separate the menu */
}

/*
  Middle - Content style
*/

div.middle-content {
  width: 700px;
  float: left;
  padding: 1em;
  margin-left: 1em;
  border: solid green 1px;
}

/*
  Right Menu Style
*/

/* 
  Footer Style
*/
div#footer {
  clear: both;
  border-top: solid silver 1px;
  text-align: center;
  margin: 0 5em;
}

/* 
  Deal
*/
div.deal_content {
  width:190px;
  height:200px;
  float:left;
  border: solid blue 1px;
  margin: 5px;
  padding: 4px;
}
  
